<!DOCTYPE html>
<html>
<head>
	<title>Koko Cici Jakarta</title>
	<link rel="shortcut icon" href="<?php echo base_url(); ?>images/web-content/favicon.ico" mce_href="<?php echo base_url(); ?>images/web-content/favicon.ico"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="keywords" content="Koko, Cici, Jakarta, Tionghoa,KokoCici">
	<meta name="description" content="Young Tourism Ambassadors of Tionghoa Jakarta.">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="<?php echo base_url(); ?>images/web-content/favicon.png" />
	<link type="text/css" href="<?php echo base_url(); ?>libraries/css/koci_style.css" rel="stylesheet" media="screen" />
	<link rel="stylesheet" href="<?php echo base_url(); ?>libraries/css/nivo-slider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php echo base_url(); ?>libraries/css/prettyPhoto.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php echo base_url(); ?>libraries/css/jquery.sidr.light.css" type="text/css" media="screen" />
	<script type="text/javascript" src="<?php echo base_url(); ?>libraries/js/jquery.js"></script>
    <script type="text/javascript" src="<?php echo base_url(); ?>libraries/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="<?php echo base_url(); ?>libraries/js/jquery-prettyPhoto.js"></script>
    <script type="text/javascript" src="<?php echo base_url(); ?>libraries/js/jquery.sidr.min.js"></script>
	<script src="<?php echo base_url(); ?>libraries/js/idangerous.swiper-2.1.min.js"></script>
	<script type="text/javascript">
		$(window).load(function() {
			$('#slider').nivoSlider({
				effect: 'random',
				slices: 15,
				animSpeed: 1000,
				randomStart: false,
				controlNav: false,
				directionNav:false
			});
		});
		$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
			
			$('.nav li').has('ul').hover(function(){
				$(this).addClass('current').children('ul').fadeIn();
			}, function() {
				$(this).removeClass('current').children('ul').hide();
			});
			
		});
    </script>
</head>
<body>
	<div id="screen-page">
	<div class="header-page">
		<div id="mobile-header">
			<a id="responsive-menu-button" href="#sidr-main">
				<img src="<?php echo base_url(); ?>libraries/img/list.png" />
			</a>
		</div>
		<div class="logo">
			<?php if (@$logo):?>
				<img src="<?php echo base_url(); ?>images/uploads/content_images/<?php echo @$logo[0]['image_content']?>"  width="86" height="90" style="position: relative;"/>
			<?php endif;?>
		</div>
		<div class="menu">
			<ul class="nav">
				<?php $i=1;?>
				<?php if (@$mainNavContent): // menu navigasi?>
					<?php foreach ($mainNavContent as $nav):?>
						<?php if($nav['master_menu'] == 1):?>
							<?php if($nav['group_menu'] == 0):?>
								<li><a href="<?php echo site_url()?>homepage/content/<?php echo $nav['id_menu']?>"><?php echo $nav['nama_menu']?></a></li>
							<?php else:?>
								<li>
									<a href="#"><?php echo $nav['nama_menu']?></a>
									<ul class="sub">
										<?php foreach ($subNavContent as $subNav):?>
											<?php if($subNav['induk_menu'] == $nav['id_menu']):?>
												<li><a href="<?php echo site_url()?>homepage/content/<?php echo $subNav['id_menu']?>"><?php echo $subNav['nama_menu']?></a></li>
											<?php endif;?>
										<?php endforeach?>
									</ul>
								</li>
							<?php endif;?>
						<?php endif;?>
						<?php if($i == 4):?>
							<li><div id="separator-menu">&nbsp;</div></li>
						<?php endif;?>
					<?php $i++;?>
					<?php endforeach?>
				<?php endif;?>
			</ul>
		</div>
		<?php if (@$slide[0]['image_content'] == ""): //slideshow?>
			<div class="non-slide-frame">
				<img src="<?php echo base_url(); ?>images/web-content/layout_10.png" width="966"/>
			</div>   
		<?php endif;?>
	</div>
	<div class="container-page">
		
		<div class="slide-column">
			<?php if (@$slide): //slideshow?>
				<div class="slide-frame">
					<img src="<?php echo base_url(); ?>images/web-content/layout_05.png"/>
				</div>
				<div class="slide-content">
					<div id="slider" class="nivoSlider">
						<?php foreach ($slide as $sliderow):?>
							<img src="<?php echo base_url(); ?>images/uploads/content_images/<?php echo $sliderow['image_content']?>" data-thumb="<?php echo base_url(); ?>images/uploads/<?php echo $sliderow['image_content']?>" alt=""/>
						<?php endforeach?>
					</div>
				</div>
				<div class="slide-frame">
					<img src="<?php echo base_url(); ?>images/web-content/layout_07.png"/>
				</div>
            <?php endif;?>
		</div>
		
		<div class="content-column">
			
			<?php if (@$beritaContent): // berita limit content?>
				<div class="mobile">
					<div class="title merahcorak">
						BERITA TERBARU
					</div>
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<?php foreach ($beritaContent as $berita):?>
								<div id="news-content">
									<div class="title merah">
										<?php echo $berita['title_multi_container']?>
									</div>
									<?php if($berita['file_upload'] != "" ):?>
										<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $berita['file_upload']?>"/>
									<?php else:?>
										<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg"/>
									<?php endif;?>
									<div id="news-text">
										<?php echo word_limiter($berita['container_multi_content'], 30)?>
										<br/>
										<br/>
										<a href="<?php echo site_url(); ?>homepage/readmore/<?php echo $berita['id_multi_container'] ?>">read more</a>
									</div>
								</div>
								<?php endforeach?>
							</div>
						</div>
					</div>
				</div>
				<div class="non-mobile">
					<?php foreach ($beritaContent as $berita):?>
					<div class="news-column">
						<div id="news-content">
						<div class="title merah">
							<?php echo $berita['title_multi_container']?>
						</div>
							<?php if($berita['file_upload'] != "" ):?>
								<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $berita['file_upload']?>"/>
							<?php else:?>
								<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg"/>
							<?php endif;?>
							<div id="news-text">
								<?php echo word_limiter($berita['container_multi_content'], 30)?>
								<br/>
								<br/>
								<a href="<?php echo site_url(); ?>homepage/readmore/<?php echo $berita['id_multi_container'] ?>">read more</a>
							</div>
						</div>
					</div>
					<?php endforeach?>
				</div>
			<?php endif?>
			
			<div id="clear-line"></div>
			
			<?php if (@$sambutanContent): // sambutan content?>
				<div class="mobile">
					<?php foreach ($sambutanContent as $sambutan):?>
					<div class="sambutan">
						<div class="title merahcorak">
							Sambutan Gubernur
						</div>
						<?php if($sambutan['file_upload'] != "" ):?>
							<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $sambutan['file_upload']?>"/>
						<?php else:?>
							<img src="images/galeri/no_image.jpg"/>
						<?php endif;?>
						<div id="sambutan-text">
							<?php echo word_limiter($sambutan['container_content'], 38)?>
							<br/>
							<br/>
							<a href="<?php echo site_url(); ?>homepage/singlereadmore/<?php echo $sambutan['id_content'] ?>">read more</a>
						</div>
					</div>
					<?php endforeach?>
				</div>
				<div class="non-mobile">
					<?php foreach ($sambutanContent as $sambutan):?>
					<div class="sambutan">
						<div class="title merah">
							Sambutan Gubernur
						</div>
						<?php if($sambutan['file_upload'] != "" ):?>
							<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $sambutan['file_upload']?>"/>
						<?php else:?>
							<img src="images/galeri/no_image.jpg"/>
						<?php endif;?>
						<div id="sambutan-text">
							<?php echo word_limiter($sambutan['container_content'], 38)?>
							<br/>
							<br/>
							<a href="<?php echo site_url(); ?>homepage/singlereadmore/<?php echo $sambutan['id_content'] ?>">read more</a>
						</div>
					</div>
					<?php endforeach?>
				</div>
			<?php endif?>
			
			<?php // Content detail //?>
				<?php if(@$singleContent): //single content?>
					<div class="content-detail">
					<?php foreach ($singleContent as $single):?>
						<div class="big-title-only">
							<?php echo $single['title_content']?>
						</div>
						<br/>
						<?php if($single['id_menu'] != "22" ):?>
							<?php if($single['file_upload'] != "" ):?>
								<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $single['file_upload']?>"/>
							<?php else:?>
								<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg" width="280" height="150"/>
							<?php endif;?>
							<?php echo $single['container_content']?>
						<?php else:?>
							<?php echo $single['container_content']?>
							<div class="unduh-content">
								<a href="<?php echo site_url()?>homepage/downloadfile/<?php echo $single['id_menu']?>">
									<img src="<?php echo base_url(); ?>images/web-content/download.png" width="20" height="20"/>
									Unduh Formulir
								</a>
							</div>
						<?php endif;?>
					<?php endforeach?>
					</div>
				<?php endif?>
				<?php if(@$multiContent): //multi list content?>
					<div class="content-detail">
						<!--div class="big-title-only">
							<?php echo @$multiContent[0]['title_multi_content']?>
						</div-->
						<div class="big-title-only">
							<?php if(@$multiContent[0]['id_menu'] == "19" ):?>
								Kegiatan koko cici
							<?php endif;?>
							<?php if(@$multiContent[0]['id_menu'] == "20" ):?>
								Artikel koko cici
							<?php endif;?>
						</div>
						<br/>
						<?php foreach ($multiContent as $multi):?>
							<div class="list-content">
								<div class="small-title-only">
								<?php echo $multi['title_multi_container']?>
								</div>
								<br/>
								<div class="left-content">
									<?php if($multi['file_upload'] != "" ):?>
										<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $multi['file_upload']?>"  width="150" height="150"/>
									<?php else:?>
										<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg" width="150" height="150"/>
									<?php endif;?>
								</div>
								<div class="right-content">
									<?php echo word_limiter($multi['container_multi_content'], 50)?>
								</div>
							</div>
							<a href="<?php echo site_url(); ?>homepage/readmore/<?php echo $multi['id_multi_container'] ?>" class="btn-read">read more</a>
							<hr/>
							<br/>
						<?php endforeach?>
						<?php echo $this->pagination->create_links(); ?>
					</div>
				<?php endif?>
				<?php if(@$multiDetailContent): //multi detail content?>
					<div class="content-detail">
					<?php foreach ($multiDetailContent as $detContent):?>
						<div class="big-title-only">
							<?php echo $detContent['title_multi_container']?>
						</div>
						<br/>
						<?php if($detContent['file_upload'] != "" ):?>
							<img src="<?php echo base_url(); ?>images/uploads/content_files/<?php echo $detContent['file_upload']?>" width="600" height="450"/>
						<?php else:?>
							<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg" width="280" height="150"/>
						<?php endif;?>
						<?php echo $detContent['container_multi_content']?>
					<?php endforeach?>
					</div>
				<?php endif?>
				<?php if(@$albumContent): //album list content?>
					<div class="content-detail">
						<?php foreach ($albumContent as $albumrow):?>
							<div class="album-column">
								<div id="album-content">
									<div class="small-title-only"><?php echo $albumrow['title_album']?></div>
									<?php if($albumrow['nama_picture'] != "" ):?>
										<a href="<?php echo site_url()?>homepage/pictures/<?php echo $albumrow['id_album']?>">
											<img src="<?php echo base_url(); ?>images/uploads/content_images/<?php echo $albumrow['nama_picture']?>" width="180" height="180"/>
										</a>
									<?php else:?>
										<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg" width="180" height="180"/>
									<?php endif;?>
									<br/>
									Jumlah picture :
									<?php if($albumrow['jml_picture'] < 1):?>
										0
									<?php else:?>
										<?php echo $albumrow['jml_picture']?>
									<?php endif;?>
								</div>
							</div>
						<?php endforeach?>
					</div>
				<?php endif?>
				<?php if(@$listPicture): //picture list in album content?>
					<div class="content-detail">
						<div class="mobile">
							<div class="title merahcorak" style="margin-bottom:10px;margin-top:-10px">
								<?php echo @$listPicture[0]['title_album']?>
							</div>
						</div>
						<div class="non-mobile">
							<div class="title-content merah" style="width:300px">
								<?php echo @$listPicture[0]['title_album']?>
							</div>
						</div>
						<?php foreach ($listPicture as $listPicturerow):?>
							<div class="picture-column">
								<div id="picture-content">
									<?php if($listPicturerow['nama_picture'] != "" ):?>
										<a href="<?php echo base_url(); ?>images/uploads/content_images/<?php echo $listPicturerow['nama_picture']?>" rel="prettyPhoto" title="">
											<img src="<?php echo base_url(); ?>images/uploads/content_images/<?php echo $listPicturerow['nama_picture']?>" width="200" height="200" alt="<?php echo $listPicturerow['keterangan'] ?>" />
										</a>
									<?php else:?>
										<img src="<?php echo base_url(); ?>images/web-content/no_image.jpg" width="200" height="200"/>
									<?php endif;?>
								</div>
							</div>
						<?php endforeach?>
					</div>
				<?php endif?>
			<br/>
			<?php // Content detail //?>
			
			<div id="clear-line"></div>
			
			<div class="media-sosial">
				<div class="mobile">
					<div class="title merahcorak" style="margin-bottom:10px;margin-top:-10px">
						SOSIAL MEDIA
					</div>
					<div class="media-column">
						<div id="media-content">
							<a class="twitter-timeline"  href="https://twitter.com/kocijakarta" height="300" data-widget-id="369838037233975296">Tweets by @kocijakarta</a>
							<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
						</div>
					</div>
					<div class="media-column">
						<div id="media-content">
							<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/kocijakarta" width="320" height="300" show_faces="true" stream="false" header="true"></fb:like-box>
						</div>
					</div>
				</div>
				<div class="non-mobile">
					<div class="media-column">
						<div id="media-content">
							<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/kocijakarta" width="284" height="300" show_faces="true" stream="false" header="true"></fb:like-box>
						</div>
					</div>
					<div class="media-column">
						<div id="media-content">
							<iframe width="284" height="300" src="//www.youtube.com/embed/gK6BIhV7Z_g" frameborder="0" allowfullscreen></iframe>
						</div>
					</div>
					<div class="media-column">
						<div id="media-content">
							<a class="twitter-timeline"  href="https://twitter.com/kocijakarta" height="300" data-widget-id="369838037233975296">Tweets by @kocijakarta</a>
							<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
						</div>
					</div>
				</div>
			</div>
			
			<div id="clear-line"></div>
			
			<?php if(@$sponsor):?>
			<div class="non-mobile">
				<div class="sponsor">
					<div class="title merah">
						Sponsor
					</div>
					<?php foreach ($sponsor as $sponsorrow):?>
					<div class="sponsor-column">
						<div id="sponsor-content">
							<?php if($sponsorrow['image_content'] != "" ):?>
								<img src="<?php echo base_url(); ?>images/uploads/content_images/<?php echo $sponsorrow['image_content']?>" width="280" height="197"/>
							<?php else:?>
								<img src="images/galeri/no_image.jpg" width="280" height="197"/>
							<?php endif;?>
						</div>
					</div>
					<?php endforeach?>
				</div>
			</div>
			<?php endif;?>
			
			<div id="clear-line"></div>
		</div>
	</div>
	<div class="footer-page">
		<div class="logo-jakarta">
			<img src="<?php echo base_url(); ?>images/web-content/layout_09.png"/>
		</div>
		<div class="copyright">&copy; 2013 Koko Cici Jakarta</div>
	</div>
	</div>
	<script>
		$('#responsive-menu-button').sidr({
		  name: 'sidr-main',
		  source: '.menu'
		});
		var mySwiper = new Swiper('.swiper-container',{
			scrollContainer: true,
			grabCursor: true
		});
	</script>
</body>
</html>